<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive">
        <!-- 这里是会被缓存的视图组件 -->
      </router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  watch: {
    '$route': function (to, from) {
      if (from.name === 'showClause' && to.name === 'showPlan') {
        sessionStorage.setItem('hideCover', 'true')
      } else {
        sessionStorage.setItem('hideCover', 'false')
      }
    }
  }
}
</script>

<style>
  body {
    margin: 0;
    padding: 0 ;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    background-color: #ececec;
    width: 100%;
  }
  a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
  }
  .picker-item.picker-selected {
    color: #073bff;
  }
</style>
